<template>
  <div>
      <div class="d-imgsty">
          <img src="https://gw.alicdn.com/tps/TB1W_X6OXXXXXcZXVXXXXXXXXXX-400-400.png"  class="imgsty" />
          <div class="imgsty-name">
             hls兔子
          </div>
      </div>
      <wv-group >
  <wv-cell title="手机号">
    <div  slot="icon" class="iconfont cell-icon icon-sty">
        &#xe62e;
    </div>
    <span slot="ft">18172355505</span>
  </wv-cell>
  <wv-cell title="已收货订单" value="100单" is-link to="/">
    <div  slot="icon" class="iconfont cell-icon icon-sty">
        &#xe636;
    </div>
  </wv-cell>
   <wv-cell title="已发货订单" value="12单" is-link to="/">
    <div  slot="icon" class="iconfont cell-icon icon-sty">
        &#xe62f;
    </div>
  </wv-cell>
  <wv-cell title="联系客服" value="18172355505" is-link to="/">
    <div  slot="icon" class="iconfont cell-icon icon-sty">
        &#xe741;
    </div>
  </wv-cell>
</wv-group>
<wv-button type="warn" class="outsty">退出登录</wv-button>
  </div>
</template>

<script>
import { Cell, Button } from 'we-vue'
export default {
  components: {
    Cell,
    Button
  }
}
</script>

<style lang="stylus" scoped>
.icon-sty
   margin-right :.1rem
.outsty
   margin-top :.8rem
.imgsty
   width: 1.86rem
   height: 1.86re
.imgsty-name
      margin-top :.2rem
.d-imgsty
   text-align :center
</style>
